<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../css/layui.css" type="text/css" rel="stylesheet">
    <script src="../js/layui.js"></script>
</head>
<body>
<h1>栅格布局</h1>
<div class="layui-row layui-col-space5">
    <div class="layui-col-xs4">
        <div class="grid-demo grid-demo-bg1" style="background-color: #ff6700;height: 200px">4/12</div>
    </div>
    <div class="layui-col-xs4">
        <div class="grid-demo" style="background-color: blue;height: 200px">4/12</div>
    </div>
    <div class="layui-col-xs4">
        <div class="grid-demo" style="background-color: pink;height: 200px">4/12</div>
    </div>
</div>

<div class="layui-row layui-col-space5">
    <div class="layui-col-xs3">
        <div class="grid-demo grid-demo-bg1" style="background-color: #ff6700;height: 200px">3/12</div>
    </div>
    <div class="layui-col-xs3">
        <div class="grid-demo" style="background-color: yellow;height: 200px">3/12</div>
    </div>
    <div class="layui-col-xs3">
        <div class="grid-demo" style="background-color: yellowgreen;height: 200px">3/12</div>
    </div>
    <div class="layui-col-xs3">
        <div class="grid-demo" style="background-color: pink;height: 200px">3/12</div>
    </div>
</div>

<hr>

<button class="layui-btn">普通按钮</button>
<button class="layui-btn layui-btn-primary layui-border-blue">蓝色按钮</button>
<button type="button" class="layui-btn layui-btn-xs">迷你按钮</button>


<button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
    <i class="layui-icon layui-icon-delete"></i>
</button>
<button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
    <i class="layui-icon layui-icon-share"></i>
</button>

<hr>
<h1>图标使用</h1>
<i class="layui-icon layui-icon-wifi" style="font-size: 50px;color: green"></i>
<i class="layui-icon layui-icon-android" style="font-size: 50px;color: green"></i>
<i class="layui-icon layui-icon-ios" style="font-size: 50px;color: green"></i>
<i class="layui-icon layui-icon-windows" style="font-size: 50px;color: green"></i>
</body>
</html>
